<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" type="text/css" href="css/wap_reset2017.css" />
	<link rel="stylesheet" href="css/luckdraw.css">
	<link rel="stylesheet" href="css/loading.css">
	<script src="js/flexible.js"></script>
	<title>大转盘抽奖</title>
</head>

<body>
	<div id="app">
		<div class="luckdraw">
			<div class="info-top">
				<remainder :num="remainder"></remainder>
			</div>
			<div class="lottery">
				<canvas id="myCanvas" width="600" height="600">
					当前浏览器版本过低，请使用其他浏览器尝试
				</canvas>
				<img src="./images/prize/start.png" id="start">
			</div>
			<div class="info-bot flex justify-content-c">
				<message :name="userName" :prize="prizeName" v-show="messageShow"></message>
			</div>

		</div>

		<!--弹层模块-->
		<pop-prize v-show="popShow" :title="prizeTitle" :img="prizeImg" :name="prizeName"></pop-prize>

		<!--遮罩层模块-->
		<transition name="fade">
			<act-mask v-show="maskShow"></act-mask>
		</transition>

		<!--loading-->
		<act-loading :info="loadingInfo" v-if="loadingShow"></act-loading>
	</div>
</body>
<script src="https://cdn.staticfile.org/jquery/1.9.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/vue/2.5.13/vue.min.js"></script>
<script src="js/turntable.js"></script>
<script src="js/luckdraw.js"></script>

</html>